//当页面加载完成后
$(function() {

	//-----------------放大镜-------------------

	
	$("#big_img").mouseenter(function(){
		$("#tool").css({display:"block"});  //显示出放大镜（tool）
		$("#fdj_right").css({display:"block"}); //显示出右边的大盒子。
	
	})
	$("#big_img").mouseleave(function(){
		$("#tool").css({display:"none"});  //显示出放大镜（tool）
		$("#fdj_right").css({display:"none"}); //显示出右边的大盒子。
	
	})
	//smallbox随着li变化-----------
	$(".small_img").find("li").mouseenter(function(){
		var index1 = $(this).index();
		//console.log(index)
		$(this).addClass("active").siblings().removeClass("active");
		//console.log(index1)
		//console.log($(".bigimg").eq(index1).siblings().length)
		$(".bigimg").eq(index1).addClass("active").siblings().removeClass("active");
		//console.log($(".bigimg"))
		//console.log($(".bigimg").index())
		$(".right_img").eq(index1).addClass("active").siblings().removeClass("active");
	})
	var smallBox = $("#big_img");
	var tool = $("#tool");
	var bigBox = $("#fdj_right");
	var right_img = $(".right_img");
	var big_img = $("#big_img");
	var fdj_right = $('#fdj_right')
	smallBox.mousemove(function(e){
			//计算放大镜（tool）的x坐标
			var left =e.pageX-big_img.offset().left-tool.width()/2;
			//计算放大镜（tool）的y坐标
			// console.log(left)
			var top = e.pageY-big_img.offset().top-tool.height()/2;
			//处理left和top值(限制范围)
			if(left<0){
				left = 0;
			}
			if(top<0){
				top = 0;
			}
			if(left>big_img.width()-tool.width()){
				left = big_img.width()-tool.width();
			}
			if(top>big_img.height()-tool.height()){
				top = big_img.height()-tool.height();
			}
			//改变放大镜的一个坐标
			tool.css({
				left:left,
				top:top
			});
			                   //求图片应当移动的距离
			var x = left*fdj_right.width()/tool.width();
			var y = tool.position().top*fdj_right.height()/tool.height();
			                    //改变图片移动的距离
//			bigImg[0].style.left = -x + "px";
//			bigImg[0].style.top = -y + "px";
			right_img.find("img").css({left:-x});
			right_img.find("img").css({top:-y});

			//console.log(smallBox.offset().top)
	})
	})

	
	
	//-----------------加入购物车时，弹出模态框，显示成功-------------------
	$(".right_btn").click(function(){
		$(".body_position").css("display","block");
		$('$false_img').click(function(){
			$(".body_position").css("display","none");
		})
		
		var product_h = $("#right_h").text();
		var product_com = $("#right_com").text();
		var product_price = $("#right_price").text();
		var product_chose = 'img src="images/detail1.jpg"';
		var product_count = product_price;
		
		//创建一个对象
		var pro = new Object();
		pro.product_h= product_h;
		pro.product_com = product_com;
		pro.product_price = product_price;
		pro.product_chose = product_chose;
		pro.product_count = product_count;
		var proStr = JSON.stringify(pro);
		//alert(pro.product_price.text());
		if(localStorage.getItem("pros")){
			var proData = localStorage.getItem("pros");
			//拼接新的产品，然后再次存入本地
			//console.log(proData)
		}else{
			localStorage.setItem("pros",proStr);
		}
		

})